<!DOCTYPE html>
<html>
<!--<head>
	<meta charset="utf-8">
	<title>登录</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>-->
<body>
<div class="navbar navbar-inverse" role="navigation" style="background-color:rgba(14,1,11,0.92)">
<button class="btn btn-primary btn-lg navbar-right" data-toggle="modal" data-target="#myModal" >
	<span class="glyphicon glyphicon-user"></span>登录
</button>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
				</button>
				<h2 class="modal-title" id="myModalLabel">
					用户登录
				</h2>
			</div>
			<div class="modal-body">
				<form class="form-group" action="">
                            <div class="form-group">
                                <label for="">用户名</label>
                                <input class="form-control" type="text" placeholder="1111">
                            </div>
                            <div class="form-group">
                                <label for="">密码</label>
                                <input class="form-control" type="password" placeholder="1111">
                            </div>
                            <div class="form-group">
                                <label for="">再次输入密码</label>
                                <input class="form-control" type="password" placeholder="111">
                            </div>
                            <div class="form-group">
                                <label for="">邮箱</label>
                                <input class="form-control" type="email" placeholder="82080938@qq.com">
                            </div>


			<div class="modal-footer">
				<button class="btn btn-primary" type="submit">登录</button>
				<button class="btn btn-danger" data-dismiss="modal">取消</button>
			</div>
</body>
</html>